<!doctype html>
<html lang="en">
  <head>
    <title>Region Test</title>
    <link
      rel="stylesheet"
      type="text/css"
      href="/node_modules/mocha/mocha.css"
    />
    <script src="/node_modules/mocha/mocha.js"></script>
    <script src="/node_modules/chai/chai.js"></script>
    <script src="/axe.js"></script>
    <script>
      mocha.setup({
        timeout: 10000,
        ui: 'bdd'
      });
      var assert = chai.assert;
    </script>
  </head>
  <body>
    <div id="wrapper">
      <a href="stuff.html#mainheader" id="notskiplink"
        >This is not a skip link.</a
      >
      <form>
        <div>
          <h1 id="mainheader" tabindex="0">This is a header.</h1>
        </div>
      </form>
      <ul>
        <li>Home</li>
        <li>Other</li>
      </ul>
      <section>
        <p>Content</p>
      </section>
      <section title="section 3">
        <p>Content</p>
      </section>
    </div>

    <div id="img-no-alt">
      <img src="#" />
    </div>
    <div id="img-focusable">
      <img src="#" tabindex="0" alt="" />
    </div>
    <div id="img-aria-global">
      <img src="#" aria-atomic="true" alt="" />
    </div>
    <div id="labeled-object">
      <object aria-label="bar"></object>
    </div>
    <div id="none-role-div">
      <div id="target" role="none">apples</div>
    </div>

    This should be ignored

    <main id="mocha"></main>
    <script src="/test/testutils.js"></script>
    <script src="region-fail.js"></script>
    <script src="/test/integration/adapter.js"></script>
  </body>
</html>
